<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>动态表格</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<script src="css/min.js">
		</script>
	</head>

	<body>
		<div class="bd">
			<table id="table" border="1">
				<h2 class="h2">网页数据统计表</h2>
				<tr>
					<th>序号</th>
					<th>姓名</th>
					<th>性别</th>
					<th>年龄</th>
					<th>爱好</th>
				</tr>
				<tr style="color: red;">
					<td>试例</td>
					<td>隔壁老王</td>
					<td>男</td>
					<td>38</td>
					<td>女</td>
				</tr>
				<tr>
					<td>1</td>
					<td>狗子</td>
					<td>男</td>
					<td>19</td>
					<td>舔</td>
				</tr>
				<tr>
					<td>2</td>
					<td>志祥</td>
					<td>男</td>
					<td>40</td>
					<td>多人运动</td>
				</tr>
			</table>
			<a href="#" id="ip">点击</a>
		</div>
		<div class="hover">

			<form class="hqbd">
				<h2>请输入内容</h2>
				<p>序号：</p><input type="text" id="serial" placeholder="请输入序号" /><br />
				<p>姓名：</p><input type="text" id="name" placeholder="请输入姓名" /><br />
				<p>性别：</p>
				<select id="gender">
					<option>男</option>
					<option>女</option>
					<option>中性</option>
				</select>
				<br />
				<p>年龄：</p><input type="text" id="age" placeholder="请输入年龄" /><br />
				<p>爱好：</p><input type="text" id="hobbies" placeholder="请输入爱好" /><br />
				<input type="button" id="down" value="< 关闭 >" />
				<input type="button" id="sub" value="< 提交 >" />
			</form>
		</div>
	</body>

</html>